*{
    margin:0;
    padding:0;
}
.resume_page_head{
    height:240px;
    width:100%;
}

.btn{
    color:white;
    font-weight: bold;
    background-color: rgb(251,114,153);
    font-size:28px;
    line-height:48px;
    height:48px;
    width:16rem;
    text-align: center;
    position:absolute;
    top: 120px;
    right: calc(50vw - 9rem);
    border-radius: 10px;
    border: solid #0ff 3px;
}

.roll-img{
    height:240px;
    width:100vw;
    opacity: 0.3;
}

.resume_others{
    width: 1080px;
    margin:0 auto;
    padding:20px 0;
    background-color: rgb(248, 248, 248);
}
.resume_others .others_title{
    text-align: center;
    font-weight: bold;
}

.resume_list{
    display:inline-block;
    width:100%;
    padding:10px;
}

.resume_li{
    display:inline-block;
    height:222px;
    width:160px;
    margin: 10px 24px;
    background-color: #eaf5f4;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgb(200, 200, 200);
}
.resume_li:hover{
    background-color: #e1e6e5;
}
.resume_a{
    display:inline-block;
    width:100%;
    height:100%;
}
.resume_a img{
    display:inline-block;
    width:120px;
    height:160px;
    margin:20px 20px 10px;
}
.resume_a .resume_user{
    width:120px;
    height:20px;
    margin: 0 20px 10px;
    font-size:16px;
    font-weight: bolder;
    text-align: center;
}

.page_nav {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.page_nav li {
    width: 60px;
    height: 30px;
    display: inline-block;
    margin: 10px;
    background-color: rgb(234, 234, 234);
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
}

.page_nav li:hover {
    background-color: rgb(180, 180, 180);
}

.page_nav .cur_page {
    background-color: rgb(200, 200, 200);
}

.jump_page {
    display: flex;
    justify-content: center;
    text-align: center;
}
